/*공통속성
----------------------------------------------------------------------------*/
* { margin: 0px; padding: 0px;}
img { border-style: none; }
ul, ol { list-style: none; }
body { font-family: dotum, '돋움'; font-weight: normal; font-size: 62.5%; background: url(/Images/common/common_bg_left.gif) repeat-y; }
a { text-decoration: none }
a:link { text-decoration: none }
a:visited { text-decoration: none }
a:hover { text-decoration: underline } 
.mt1 { margin-top: 1px; } .mt2 { margin-top: 3px; } .mt3 { margin-top: 3px; } .mt4 { margin-top: 4px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; }
.mb1 { margin-bottom: 1px; } .mb2 { margin-bottom: 3px; } .mb3 { margin-bottom: 3px; } .mb4 { margin-bottom: 4px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; }
.ml1 { margin-left: 1px; } .ml2 { margin-left: 3px; } .ml3 { margin-left: 3px; } .ml4 { margin-left: 4px; } .ml5 { margin-left: 5px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; }
.mr1 { margin-right: 1px; } .mr2 { margin-right: 3px; } .mr3 { margin-right: 3px; } .mr4 { margin-right: 4px; } .mr5 { margin-right: 5px; }
.fl { float: left; }
.fr { float: right; }
.cl { clear: both }
.w780 { width: 780px; }
.hdiv { display: inline-block; }
.wrap { width: 100%; min-width: 990px; }


/* HEADER 
----------------------------------------------------------------------------*/
.header { background: url(/Images/common/common_bg_gnb.gif) repeat-x; width: 100%;  min-width: 990px; height: 56px;  }
.header .logo_area { width: 180px; display: inline; float: left; text-align: center; padding-top: 8px; }
.header .gnb_btn { display: inline; float: left; border-left: 1px solid #202c4a; }
.header .info_login { float: right; margin-top: 11px; }
.header .info_login .info_txt_login { display: inline; float: left; margin-right: 15px; text-align: right;  }
.header .info_login .info_txt_login p { font-family: dotum,'돋움'; font-size: 1.2em; color: #e5ebff; line-height: 15px; }
.header .info_login .info_txt_login p img { margin-right: 3px; }
.header .info_login .btn_logout { display: inline; float: left; margin-right: 15px; }


/* BODY 
----------------------------------------------------------------------------*/
.body { width: 100%; }
.tab_style1 input { }

/* LNB 
----------------------------------------------------------------------------*/
.lnb_wrap { background: url(/Images/common/common_bg_left.gif) repeat-y; width: 181px; display: inline; float: left; }
.lnb_wrap .top_bg { width: 181px; height: 31px; }
.lnb_wrap .lnb dl { margin: 10px 10px 30px 10px; }
.lnb_wrap .lnb dl dt { 
	width: 129px; font-family: dotum,'돋움'; font-size: 1.2em; color: #35383c; font-weight: bold; line-height: 18px; vertical-align: top;
	background: url(/Images/common/common_icon_lnb_depth1.gif) no-repeat; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: -15px; padding-left: 25px;
 	}
.lnb_wrap .lnb dl dt a { color: #35383c; }

.lnb_wrap .lnb dl dd { 
	width: 129px;  font-family: dotum,'돋움'; font-size: 1.2em; color: #35383c; line-height: 22px; vertical-align: top;  
	background: url(/Images/common/common_icon_lnb_depth2.gif) no-repeat; display: inline-block; margin-top: 10px; margin-bottom: -22px; padding-left: 25px; 
 	}
.lnb_wrap .lnb dl dd a { width: 129px; color: #35383c; display: inline-block;  margin-top: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


/* OUTPUT_SCREEN 
----------------------------------------------------------------------------*/
.output_screen { padding-bottom: 45px; margin-left: 181px; }
.output_screen .border_deep { width: 100%; border-top: 1px solid #b8becc; }
.output_screen .border_light { width: 100%; border-top: 1px solid #e1e3e6; }


/* 타이틀 
----------------------------------------------------------------------------*/
.title_area { background: url(/Images/common/common_bg_right_title_area.gif) repeat-x;  width: 100%; height: 30px; }
.title_area p { background: url(/Images/common/common_icon_title1.gif) no-repeat; display: inline; margin-left: 15px; padding-left: 15px; font-family: dotum,'돋움'; font-size: 1.4em; color: #35383c; font-weight: bold; line-height: 34px; }
.title_area p a { color: #35383c; }


/* 기능 
----------------------------------------------------------------------------*/
.function_area { background: url(/Images/common/common_bg_right_function_area.gif) repeat-x; width: 100%; height: 33px; padding-top: 12px; }
.function_area .left { display: inline; float: left; margin-left: 15px; }
.function_area .right { display: inline; float: right;  margin-right: 15px; }
.function_area .right .btn_search { margin-left: -3px; }


/* 페이징 
----------------------------------------------------------------------------*/
.paging_area { text-align: center; margin-top: 20px;}
.paging_area ul { width: 100%; }
.paging_area ul li { width: 100%; display: inline; font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; line-height: 17px; vertical-align: top; margin: 0 5px; }
.paging_area ul li a { color: #474d5e; }
.paging_area ul li.selected a { color: #2f79f3; font-weight: bold; text-decoration: underline; }
.paging_area ul p { display: inline; margin: 0 -2.5px; }


/* 테두리 
----------------------------------------------------------------------------*/
.bt_b { border-top: 2px solid #749cf9; }
.bt_g1 { border-top: 1px solid #e6e6e6; }
.bt_g2 { border-top: 1px solid #d9d9d9; }
.bb_g1 { border-bottom: 1px solid #e6e6e6; }
.bb_g2 { border-bottom: 1px solid #d9d9d9; }
.bl_g1 { border-left: 1px solid #e6e6e6; }
.bl_g2 { border-left: 1px solid #d9d9d9; }
.br_g1 { border-right: 1px solid #e6e6e6; }
.br_g2 { border-right: 1px solid #d9d9d9; }


/* 조건검색하기_style1 - width 100%
----------------------------------------------------------------------------*/
.option_style1 { width: 100%; }
.option_style1 .option_title { width: 100%; height: 28px; background: #f3f5f8; }
.option_style1 .option_title p { 
	background: url(/Images/common/common_icon_title2.gif) no-repeat; display: inline; margin-left: 15px; padding-left: 15px; 
	font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; font-weight: bold; text-align: left; line-height:28px; 
	}
.option_style1 .option_detail { padding: 0 15px; }
.option_style1 .option_detail .row { margin-top: 10px; }
.option_style1 .option_detail .row .field { width: 60px; display: inline-block; font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; line-height: 22px; font-weight: bold; }
.option_style1 .option_detail .row .value { width: 240px; display: inline-block;  vertical-align: top;}
.option_style1 .option_detail .row .value span { font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; font-weight: bold; line-height: 22px;  vertical-align: top; padding: 0 3px; }
.option_style1 .option_detail .row .value img { margin-top: 1px; }


/* 조건검색하기_style1 - width 780px
----------------------------------------------------------------------------*/
.option_style1_part { width: 780px; border: 1px solid #e1e3e6; }
.option_style1_part .option_title { width: 780px; height: 28px; background: #f3f5f8; }
.option_style1_part .option_title p { 
	background: url(/Images/common/common_icon_title2.gif) no-repeat; display: inline; margin-left: 15px; padding-left: 15px; 
	font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; font-weight: bold; text-align: left; line-height:28px; 
	}
.option_style1_part .option_detail { padding: 0 15px; }
.option_style1_part .option_detail .row { margin-top: 10px; }
.option_style1_part .option_detail .row .field { width: 60px; display: inline-block; font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; line-height: 22px; font-weight: bold; }
.option_style1_part .option_detail .row .value { width: 240px; display: inline-block;  vertical-align: top;}
.option_style1_part .option_detail .row .value span { font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; font-weight: bold; line-height: 22px;  vertical-align: top; padding: 0 3px; }
.option_style1_part .option_detail .row .value img { margin-top: 1px; }


/* 조건검색하기_style2 - width 780px
----------------------------------------------------------------------------*/
.option_style2_part { width: 780px; border: 1px solid #e1e3e6; }
.option_style2_part .option_title { width: 780px; height: 28px; background: #f3f5f8; }
.option_style2_part .option_title p { 
	background: url(/Images/common/common_icon_title2.gif) no-repeat; display: inline; margin-left: 15px; padding-left: 15px; 
	font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; font-weight: bold; text-align: left; line-height:28px; 
	}
.option_style2_part .option_detail { padding: 0 15px; display: inline-block; border-right: 1px solid #e1e3e6; padding-bottom: 10px; }
.option_style2_part .option_detail .row { margin-top: 10px; }
.option_style2_part .option_detail .row .field { width: 60px; display: inline-block; font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; line-height: 22px; font-weight: bold; }
.option_style2_part .option_detail .row .value { width: 252px; display: inline-block;  vertical-align: top;}
.option_style2_part .option_detail .row .value span { font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; font-weight: bold; line-height: 22px;  vertical-align: top; padding: 0 3px; }
.option_style2_part .option_detail .row .value img { margin-top: 1px; }
.option_style2_part .btn { display: inline-block; vertical-align: top; }

/* Board 
----------------------------------------------------------------------------*/
.section_name { width: 100%; margin-top: 15px; margin-bottom: 7px; }
.section_name p { background: url(/Images/common/common_icon_title2.gif) no-repeat; display: inline; margin-left: 15px; padding-left: 15px; font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; font-weight: bold; text-align: left; }	
.btn { text-align: center; }
.btn input { margin: 0 2px; } 


/* edit_style2 
----------------------------------------------------------------------------*/
.controller { width: 200px; position: absolute; top: 87px; bottom: 30px; }
.controller div { height: 100%; overflow-y: scroll; padding: 15px 10px;  border-right: 1px solid #d9d9d9; }
.controller_layout { position: absolute; top: 87px; left: 380px; right: 0; bottom: 35px;}					


/* list_style1 - width 100%  
----------------------------------------------------------------------------*/
.list_style1 table { width: 100%; border-collapse: collapse;}
.list_style1 table thead { background: #f3f5f8; line-height: 30px; font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; } 
.list_style1 table thead tr th { text-align: center; border: 1px solid #e6e7e8; }
.list_style1 table tbody { font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; } 
.list_style1 table tbody tr.even_num { background: #f8f8f8; }
.list_style1 table tbody td { height: 28px; line-height: 18px; text-align: center; border: 1px solid #e6e7e8; }
.list_style1 table tbody td.text_left { text-align: left; padding: 0 10px; }
.list_style1 table tbody td a { color: #474d5e; }


/* list_style1_part
----------------------------------------------------------------------------*/
.list_style1_part table { border-collapse: collapse; }
.list_style1_part table thead { background: #f3f5f8; line-height: 30px; font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; } 
.list_style1_part table thead tr { } 
.list_style1_part table thead tr th { text-align: center; border: 1px solid #e6e7e8; }
.list_style1_part table tbody { font-family: dotum,'돋움'; font-size: 1.2em; color: #474d5e; } 
.list_style1_part table tbody tr { } 
.list_style1_part table tbody tr.even_num { background: #f8f8f8; }
.list_style1_part table tbody td { height: 28px; line-height: 18px; text-align: center; border: 1px solid #e6e7e8; }
.list_style1_part table tbody td.text_left { text-align: left; padding: 0 10px; }
.list_style1_part table tbody td a { color: #474d5e; }


/* edit_style1 - width 100%  
----------------------------------------------------------------------------*/			
.edit_style1 table { width: 100%; font-family: dotum,'돋움'; font-size: 1.2em; border-collapse: collapse; }
.edit_style1 table th, .edit_style1 td { vertical-align: middle; padding: 7px 0; border: 1px solid #e1e3e6; }
.edit_style1 table th { background: #f3f5f8; width: 90px; color: #666e85; font-weight: bold; text-align: left; padding-left: 10px; }
.edit_style1 table td { color: #666e85; text-align: left; text-indent: 10px;  }
.edit_style1 table td p { height: 25px; margin-top: 5px; }
.edit_style1 table td .hint { font-size: 0.9em; color: #b7becf; }
.edit_style1 table td .point { font-size: 0.9em; color: #eb8750; }


/* edit_style1_part
----------------------------------------------------------------------------*/			
.edit_style1_part table { font-family: dotum,'돋움'; font-size: 1.2em; border-collapse: collapse; }
.edit_style1_part table th, .edit_style1_part td { vertical-align: middle; padding: 7px 0; border: 1px solid #e1e3e6; }
.edit_style1_part table th { background: #f3f5f8; width: 90px; color: #666e85; font-weight: bold; text-align: left; padding-left: 10px; }
.edit_style1_part table td { color: #666e85; text-align: left; text-indent: 10px; padding-right: 10px; }
.edit_style1_part table td p { height: 25px; margin-top: 5px; }
.edit_style1_part table td .hint { font-size: 0.9em; color: #b7becf; }
.edit_style1_part table td .point { font-size: 0.9em; color: #eb8750; }


/* edit_style2 
----------------------------------------------------------------------------*/
.edit_style2 table { width: 100%; font-family: dotum,'돋움'; font-size: 1.2em; border-collapse: collapse; }
.edit_style2 table th, .edit_style2 td { vertical-align: middle; padding: 7px 0; border: 1px solid #e1e3e6; }
.edit_style2 table th { background: #f3f5f8; width: 90px; color: #666e85; font-weight: bold; text-align: left; padding-left: 10px; }
.edit_style2 table td { color: #666e85; text-align: left; text-indent: 10px; }
.edit_style2 table td p {  height: 25px; margin-top: 5px; }
.edit_style2 table td .hint { font-size: 0.9em; color: #b7becf; }
.edit_style2 table td .point { font-size: 0.9em; color: #eb8750; }


/* view_style1 
----------------------------------------------------------------------------*/
.view_style1 { width: 780px; margin-left: 15px; }
.view_style1 .section_name p { margin-left: 0px; } 
.view_style1 .item { }
.view_style1 .item .row_style1 { height: 40px; line-height: 42px; background: #f8fafd; }
.view_style1 .item .row_style2 { height: 30px; line-height: 32px; }
.view_style1 .item .txt1 { font-family: dotum,'돋움'; font-size: 14px; color: #525766; font-weight: bold; display: inline; padding: 0 15px; }
.view_style1 .item .txt2 { font-family: dotum,'돋움'; font-size: 12px; color: #666d80; display: inline; padding: 0 15px; }
.view_style1 .item .txt3 { font-family: dotum,'돋움'; font-size: 11px; color: #b8becc; display: inline; padding: 0 15px; }
.view_style1 .item .txt4 { font-family: dotum,'돋움'; font-size: 12px; color: #4c85f8; display: inline; padding: 0 15px; }
.view_style1 .item .stick { position: relative; top: 10px;  }
.view_style1 .substance { padding: 30px 15px; font-family: dotum,'돋움'; font-size: 12px; color: #666d80; line-height: 18px; }


/* profile_style1 
----------------------------------------------------------------------------*/
.profile_style1 { width: 750px; }
.profile_style1 .item { width: 100%; background: #f0f5fc; margin-left: 15px; padding: 15px; }
.profile_style1 .item .picture { width: 170px; display: inline-block; }
.profile_style1 .item .picture .btn_profile { height: 22px; text-align: center; margin: 8px 0; }
.profile_style1 .item .picture p { font-family: dotum,'돋움'; font-size: 11px; color: #8a8e99; line-height: 15px; }
.profile_style1 .item .detail { width: 490px; display: inline-block; vertical-align: top; margin-left: 30px; }
.profile_style1 .item .detail .row { margin-bottom: 10px; }
.profile_style1 .item .detail .row .field { 
	width: 80px; display: inline-block; background: url(/Images/common/common_icon_title3.gif) no-repeat 0 3px; padding-left: 10px; 
	font-family: dotum,'돋움'; font-size: 12px; color: #666d80; font-weight: bold; margin-top: 4px; border-right: 1px solid #cfd8e6; margin-right: 15px;
	}
.profile_style1 .item .detail .row .value { width: 370px; display: inline-block; vertical-align: top; }
.profile_style1 .item .detail .row .value span { font-family: dotum,'돋움'; font-size: 12px; color: #666d80; line-height: 24px; vertical-align: top; }
.profile_style1 .item .detail .row .value p { font-family: dotum,'돋움'; font-size: 12px; color: #666d80; line-height: 18px; vertical-align: top; position: relative; top: 3px; display: inline; }


/* reply_style1
----------------------------------------------------------------------------*/
.reply_style1 { padding: 15px; background: #f2f6fc; text-align: center; }
.reply_style1 textarea { margin-right: -4px; }
.reply_style1 p { width: 628px; font-family: dotum,'돋움'; font-size: 12px; color: #626877; line-height: 18px; text-align: left; display: inline-block; background: url(/Images/common/qna_icon_answer.gif) no-repeat; padding-left: 22px; }
.reply_style1 .reply_style1_btn { display: inline-block; width: 96px; text-align: right; vertical-align: top; }
.reply_style1 .reply_style1_btn input { margin-bottom: 3px; }

















